function GetNAT_Count() {

	var myData = [
			['1','年报','统计设备总数据','柱状图','默认显示'],
			['2','月报','统计设备每个网口总数据','柱状图',''],
			['3','季报','统计协议数据','柱状图',''],
			['4','周报','统计源IP数据','饼图','默认显示'],
			['5','日报','统计转换IP数据','饼图','']

	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'desc'
						}, {
							name : 'type'
						}, {
							name : 'status'
						}]
			});
			
	store.loadData(myData);
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '名称',
							width : 150,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '描述',
							width : 150,
							sortable : true,
							dataIndex : 'desc'
						}, {
							header : '类型',
							width : 150,
							sortable : true,
							dataIndex : 'type'
						}, {
							header : '状态',
							width : 150,
							sortable : true,
							dataIndex : 'status'
						}],
				sm : sm,
				tbar : [{
							text : '添加',
							tooltip : '添加',
							iconCls : 'add',
							handler : function() {
								SetNATCount();
							}
						}, '-', {
							text : '编辑',
							tooltip : '编辑',
							iconCls : 'modify',
							ref : '../modifyBtn',
							id:'modifyBtn',
							name:'modifyBtn',
							handler : function() {
								SetNATCount();
							}
						}, '-', {
							text : '删除',
							tooltip : '删除',
							iconCls : 'delete',
							ref : '../removeBtn',
							disabled : true,
							handler : function() {
								var s = grid.getSelectionModel().getSelections();
								for (var i = 0; r = s[i]; i++) {
									store.remove(r);
								}
							}
						}, '-', {
							text : '查找',
							tooltip : '查找',
							iconCls : 'search',
							handler : function() {							
							}
						}, '-', {
							text : '刷新',
							tooltip : '刷新',
							iconCls : 'refresh',
							handler : function() {							
								store.loadData(myData);
							}
						}],
				
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'flowloggrid'
			});
	grid.getSelectionModel().on('selectionchange', function(sm) {
				grid.removeBtn.setDisabled(sm.getCount() < 1);
			});

	return grid;
}

function SetNATCount(){
	var states = [
		['0', '当年度'],
		['1', '2012年'],
		['2', '2011年'],
		['3', '2010年']
		];
	var states1 = [
		['0', '当季度'],
		['1', '第一季度'],
		['2', '第二季度'],
		['3', '第三季度'],
		['4', '第四季度']
		];
	var states2 = [
		['0', '当月'],
		['1', '一月'],
		['2', '二月'],
		['3', '三月'],
		['4', '四月'],
		['5', '五月'],
		['6', '六月'],
		['7', '七月'],
		['8', '八月'],
		['9', '九月'],
		['10', '十月'],
		['11', '十一月'],
		['12', '十二月']
		];
	var states3 = [
		['0', '当日'],
		['1', '1日'],
		['2', '2日'],
		['3', '3日'],
		['4', '4日'],
		['5', '5日'],
		['6', '6日'],
		['7', '7日'],
		['8', '8日'],
		['9', '9日'],
		['10', '10日'],
		['11', '11日'],
		['12', '12日'],
		['13', '13日'],
		['14', '14日'],
		['15', '15日'],
		['16', '16日'],
		['17', '17日'],
		['18', '18日'],
		['19', '19日'],
		['20', '20日'],
		['21', '21日'],
		['22', '22日'],
		['23', '23日'],
		['24', '24日'],
		['25', '25日'],
		['26', '26日'],
		['27', '27日'],
		['28', '28日'],
		['29', '29日'],
		['30', '30日'],
		['31', '31日']
		];


	var set_center = {
		xtype: 'fieldset',
		margins:'5 5 5 5',
		layout : 'form',
		region:'center',
		autoScroll: true,
		bodyStyle :'padding:10px;overflow-x:hidden', 
		items: [
						{
								xtype : 'textfield',
								fieldLabel : '名称',
								width : 400,
								id : 'name',
								name : 'name'
						},{
								xtype : 'textarea',
								fieldLabel : '描述',
								width : 400,
								id : 'desc',
								name : 'desc'
						},{
									xtype: 'checkbox',
									name: 'status',
									id  : 'status',
									fieldLabel: '默认显示'
						},{
		            xtype:'fieldset',
		            checkboxToggle:true,
		            title: '时间统计条件',
		            id:'warn',
		            autoHeight:true,
		            collapsed: false,
		            items :[
		            	new Ext.form.CompositeField({ 
										    fieldLabel: '年度', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
																name: 'year',
																id  : 'year',
										            boxLabel:'启用'
										        },{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'从'
														},{
															xtype : 'combo',
															name : 'startyear',
															frame : true,
															id : 'startyear',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														},{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'到'
														},{
															xtype : 'combo',
															name : 'endyear',
															frame : true,
															id : 'endyear',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '季度', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
										        },{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'从'
														},{
															xtype : 'combo',
															name : 'startseason',
															frame : true,
															id : 'startseason',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states1
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														},{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'到'
														},{
															xtype : 'combo',
															name : 'endseason',
															frame : true,
															id : 'endseason',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states1
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '月份', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
										        },{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'从'
														},{
															xtype : 'combo',
															name : 'startmonth',
															frame : true,
															id : 'startmonth',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states2
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														},{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'到'
														},{
															xtype : 'combo',
															name : 'endmonth',
															frame : true,
															id : 'endmonth',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states2
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '日', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
										        },{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'从'
														},{
															xtype : 'combo',
															name : 'startday',
															frame : true,
															id : 'startday',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states3
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														},{
															xtype: 'label',
															style:'padding-top: 5px; ', 
															text:'到'
														},{
															xtype : 'combo',
															name : 'endday',
															frame : true,
															id : 'endday',
															store : new Ext.data.ArrayStore({
																	fields : ['abbr', 'state'],
																	data : states3
																}),
															valueField : 'abbr',
															displayField : 'state',
															typeAhead : true,
															mode : 'local',
															triggerAction : 'all',
															value : '0',
															editable : false,
															width : 140
														}
										         
										    ] 
									})
		            ]
		        },{
		            xtype:'fieldset',
		            checkboxToggle:true,
		            title: '数据来源',
		            id:'devices',
		            autoHeight:true,
		            collapsed: false,
		            items :[
		            	new Ext.form.CompositeField({ 
										    fieldLabel: '选择设备', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetLinkDevice();
																}
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '选择网口', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetLinkDeviceInterface();
																}
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '选择源IP', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetSelIP();
																}
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '选择源端口', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetSelPort();
																}
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '选择转换IP', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetSelIP();
																}
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '选择转换端口', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetSelPort();
																}
														}
										         
										    ] 
									}),new Ext.form.CompositeField({ 
										    fieldLabel: '选择协议', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'启用'
														}, new Ext.form.TextField({ 
																	    name: 'my_field',
																	    value:'',
																	    flex: 1 
														}),{ 
																xtype:"button", 
																text:"...", 
																handler:function() 
																{ 
																		GetSelProtocol();
																}
														}
										         
										    ] 
									})
		            ]
		        },{
		            xtype:'fieldset',
		            checkboxToggle:true,
		            title: '柱状图统计条件',
		            id:'type1',
		            autoHeight:true,
		            collapsed: false,
		            items :[
		            	new Ext.form.CompositeField({ 
										    fieldLabel: '显示分类项', 
										    items: [ 
										    		
										    		{ 
										            xtype: 'checkbox',
										            boxLabel:'设备'
														},{ 
										            xtype: 'checkbox',
										            boxLabel:'网口'
														},{ 
										            xtype: 'checkbox',
										            boxLabel:'源IP'
														},{ 
										            xtype: 'checkbox',
										            boxLabel:'源端口'
														},{ 
										            xtype: 'checkbox',
										            boxLabel:'转换IP'
														},{ 
										            xtype: 'checkbox',
										            boxLabel:'转换端口'
														},{ 
										            xtype: 'checkbox',
										            boxLabel:'协议'
														}
										         
										    ] 
									})
		            ],
		            listeners:{'collapse':function(obj){
                        Ext.getCmp('type2').expand();     
                        },
                        'expand':function(obj){
                        Ext.getCmp('type2').collapse(true); 
                        }
                    }
		        },{
		            xtype:'fieldset',
		            checkboxToggle:true,
		            title: '饼图统计条件',
		            id:'type2',
		            autoHeight:true,
		            collapsed: true,
		            items :[
		            	{
					            xtype: 'radiogroup',
					            fieldLabel: '显示分类项',
					            itemCls: 'x-check-group-alt',
					            columns: 1,
					            items: [
					                {boxLabel: '设备', name: 'rb-col', inputValue: 1, checked: true},
					                {boxLabel: '网口', name: 'rb-col', inputValue: 2},
					                {boxLabel: '源IP', name: 'rb-col', inputValue: 3},
					                {boxLabel: '源端口', name: 'rb-col', inputValue: 4},
					                {boxLabel: '转换IP', name: 'rb-col', inputValue: 5},
					                {boxLabel: '转换端口', name: 'rb-col', inputValue: 6},
					                {boxLabel: '协议', name: 'rb-col', inputValue: 7}
					            ]
					        }
		            ],
		            listeners:{'collapse':function(obj){
                        Ext.getCmp('type1').expand();     
                        },
                        'expand':function(obj){
                        Ext.getCmp('type1').collapse(true); 
                        }
                    }
		        }
	
		]
	};

	var setWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 750,
				title : "添加统计条件",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'add',
				items : [set_center],
				plain : true
				
			});
	setWindows.addButton({
				text : "确定",
				handler : function() {
					setWindows.close();
				}
			});
	setWindows.addButton({
				text : '取 消',
				handler : function() {
					setWindows.close();
				}
			});
	setWindows.show();
}


function GetSelIP(){

	var myData = [
			['1', "ALL IP"],
			['2', "192.168.1.1"],
			['3', "192.168.1.2"],
			['4', "192.168.2.1"],
			['5', "192.168.2.2"],
			['6', "192.168.3.2"]
	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'IP'
						}]
			});
			
	store.loadData(myData);
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : 'IP',
							width : 100,
							sortable : true,
							dataIndex : 'IP'
						}],
				sm : sm,
				tbar : [
						'Filter:',{
								xtype : 'textfield',
								id : 'srcip1',
								name : 'srcip1',
								width : 300
						},
						{
							text : 'Filter',
							tooltip : 'Filter',
							handler : function() {							
							}
						},{
							text : 'Clear',
							tooltip : 'Clear',
							handler : function() {							
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'selipgrid',
				region : 'center'
			});



	var WeekTimeWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 400,
				title : "选择IP",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'server',
				items : [grid],
				plain : true
				
			});
	WeekTimeWindows.addButton({
				text : "确定",
				handler : function() {
					
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.addButton({
				text : '取 消',
				handler : function() {
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.show();
}


function GetSelPort(){

	var myData = [
			['1', "ALL Port"],
			['2', "21"],
			['3', "23"],
			['4', "80"],
			['5', "88"],
			['6', "8080"]
	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'port'
						}]
			});
			
	store.loadData(myData);
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '端口',
							width : 100,
							sortable : true,
							dataIndex : 'port'
						}],
				sm : sm,
				tbar : [
						'Filter:',{
								xtype : 'textfield',
								id : 'srcip1',
								name : 'srcip1',
								width : 300
						},
						{
							text : 'Filter',
							tooltip : 'Filter',
							handler : function() {							
							}
						},{
							text : 'Clear',
							tooltip : 'Clear',
							handler : function() {							
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'selipgrid',
				region : 'center'
			});



	var WeekTimeWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 400,
				title : "选择端口",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'server',
				items : [grid],
				plain : true
				
			});
	WeekTimeWindows.addButton({
				text : "确定",
				handler : function() {
					
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.addButton({
				text : '取 消',
				handler : function() {
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.show();
}



function GetSelProtocol(){

	var myData = [
			['1', "TCP"],
			['2', "UDP"]
	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'protocol'
						}]
			});
			
	store.loadData(myData);
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '协议',
							width : 100,
							sortable : true,
							dataIndex : 'protocol'
						}],
				sm : sm,
				tbar : [
						'Filter:',{
								xtype : 'textfield',
								id : 'srcip1',
								name : 'srcip1',
								width : 300
						},
						{
							text : 'Filter',
							tooltip : 'Filter',
							handler : function() {							
							}
						},{
							text : 'Clear',
							tooltip : 'Clear',
							handler : function() {							
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'selipgrid',
				region : 'center'
			});



	var WeekTimeWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 400,
				title : "选择协议",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'server',
				items : [grid],
				plain : true
				
			});
	WeekTimeWindows.addButton({
				text : "确定",
				handler : function() {
					
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.addButton({
				text : '取 消',
				handler : function() {
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.show();
}